/deep/.u-navbar-placeholder{
	height: 0!important;
}
.header{
	height: 100vh;
	background-color: #F6F6F6;
}
.item-content{
	box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
	border-radius: 10rpx;
	// background-color: #FFFFFF;
	// margin-top: 20rpx;
}
//吸顶样式
.margin-show{
	height: 0rpx;
	background-color: #F6F6F6;
}
.margin-hide{
	height: 20rpx;
	background-color: #F6F6F6;
}
.content{
	background-color: #F6F6F6;
	padding: 0 24rpx;
}
//默认图
.defaultMap{
  padding-top: 100rpx;
  width: 100%;
  height: 85vh;
  text-align: center;
    image{
      width: 263rpx;
      height: 277rpx;
    }
    .texna{
      font-size: 28rpx;
      color: #999999;
    }
}
.item-list{
	height: 100%;
	// background-color: #fff;
}
// 状态栏占位
.status_bar {
	height: var(--status-bar-height);
	width: 100%;
	background-color: #FBD220;
	position: relative;
	z-index: 999;
}
//下拉动效
.content-list-down {
	transform: translateY(110%);
}
//下拉框
.content-list{
		position: absolute;
		left: 20rpx;
		bottom: 0;
		z-index: 40;
		width: 210rpx;
		height: auto;
		line-height: 60rpx;
		display: flex;
		flex-wrap: wrap;
		background: #FFFFFF;
		border-radius: 14rpx;
		transition: all .4s;
		box-shadow: 0rpx 0rpx 15rpx #888888;
		align-items: center;
		text-align: center;
		view{
			width: 100%;
		};
	}
// 遮罩层
.type {
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba($color: #000000, $alpha: 0.5);
	z-index: 39;
	transition: all .4s;

	&.type-hide {
		visibility: hidden;	
		opacity: 0;
	}

	&.type-show {
		visibility: visible;
		opacity: 1;
	}
}
.item{
	position: relative;
	}
.search{
	background-color: red;
	position: relative;
	z-index: 50;
	width: 100%;
	height: 92rpx;
	// background-color: red;
	background: #FBD220;
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	justify-content: center;
	.contentType{
		position: relative;
		.xl{
			position: absolute;right: 10rpx;top: 12rpx;
		}
		.type1{
			width: 191rpx;
			height: 66rpx;
			color: #FFE23E;
			display: flex;
			flex-wrap: nowrap;
			align-items: center;
			justify-content: center;
			line-height: 66rpx;
			background: #333333;
			border-radius: 33rpx 0px 0px 33rpx;
			font-size: 26rpx;
			.def{
				
				// text-indent: 50rpx;
				// background-color: red;
			}
		}
	}

	input{
		width: 509rpx;
		font-size: 26rpx;
		height: 66rpx;
		text-indent: 20rpx;
		background: #FFFFFF;
		border-radius: 0rpx 33rpx 33rpx 0rpx;
	}
}
//历史记录框
.card{
	background-color: #fff;
	display: flex;
	justify-content: center;
	.content{
		width: 702rpx;
		height: auto;
		margin-top: 20rpx;
		background: #FFFFFF;
		box-shadow: 0rpx 0rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
		border-radius: 10rpx;
		.title{
			display: flex;
			justify-content: space-between;
			border-bottom: 2rpx solid #EEEEEE;
			padding-bottom: 20rpx;
			text{
				margin:20rpx 0 0 20rpx;
			}
			.icon{
				margin:20rpx 20rpx 0 0rpx;
			}
		}
		.info{
			margin-top: 30rpx;
			width: 100%;
			.searchStorge{
				font-size: 26rpx;
				margin-left: 20rpx;
				height: 66rpx;
				.storageList{
					padding:8rpx 15rpx 8rpx 15rpx;
					background: #EEEEEE;
					border-radius: 30px;
				}
			}
		}
	}
}
//全部地区
.addList{
	line-height: 100rpx;
	background-color: #fff;
	text{
		margin-left: 40rpx;
	}
}


// 筛选 商家类型
.type-box {
  background-color: #fff;
  .btn {
  		width: 100%;
  		background-color: #fff;
  		display: flex;
  		margin-top: 50rpx;
  }
  button:first-child {
          font-size: 32rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #ffe23e;
          line-height: 88rpx;
          width: 331rpx;
          height: 88rpx;
          background: #333333;
          margin: 20rpx 0 20rpx 20rpx;
          border-radius: 44rpx 0rpx 0rpx 44rpx;
        }
        button:last-child {
          margin: 20rpx 20rpx 20rpx 0;
          font-size: 32rpx;
          font-family: PingFang SC;
          font-weight: 500;
          color: #333333;
          line-height: 88rpx;
          width: 331rpx;
          height: 88rpx;
          background: linear-gradient(-90deg, #fdd421, #ffe23e);
          border-radius: 0rpx 44rpx 44rpx 0rpx;
        }
				.sj {
				  background-color: #fff;
				  text {
				    margin-left: 50rpx;
				    line-height: 50rpx;
				    font-size: 30rpx;
				    font-family: PingFang SC;
				    font-weight: bold;
				    color: #333333;
				  }
				}
  .pinp {
    display: flex;
    width: 100%;
    flex-wrap: wrap;

    view {
      margin: 20rpx 0 0 42rpx;
      width: 170rpx;
      height: 70rpx;
      background: #f4f4f4;
      border-radius: 35rpx;
      font-size: 30rpx;
      font-family: PingFang SC;
      font-weight: 500;
      color: #666666;
      line-height: 70rpx;
      text-align: center;
      
      &.active {
        background: linear-gradient(-90deg, #fdd422, #ffe23e) !important;
        border-radius: 35px;
      }
    }
  }

  .line {
    width: calc(100% - 84rpx);
    margin: 40rpx auto 20rpx;
    border-top: 2rpx solid #eee;
  }

  .sort {
    display: flex;

    view {
      width: 170rpx;
      height: 70rpx;
      text-align: center;
      line-height: 70rpx;
      background: #f4f4f4;
      border-radius: 35rpx;
      margin: 20rpx 0 0 42rpx;
      
      &.active {
        background: linear-gradient(-90deg, #fdd422, #ffe23e) !important;
        border-radius: 35px;
      }
    }

    
  }
}

.car-card {
		height: 100%;
		border-top: 4rpx solid #EEEEEE;
	}
	.car-card-content {
		padding: 10rpx 0rpx;
		border-bottom: 2rpx solid #EEEEEE;
		background: #fff;
		border-radius: 5rpx;
		display: flex;
		// flex-wrap: wrap;

		.img-content {
			padding: 2%;
			// flex-direction: column;
			.img {
				width: 220rpx;
				height: 147rpx;
				border-radius: 10rpx;
				overflow: hidden;

				image {
					width: 100%;
					height: 100%;
				}
			}
		}

		.text-content {
			width: 65%;
			padding: 2%;
			// flex-direction: column;

			.title {
				color: #343434;
				display: -webkit-box;
				overflow: hidden;
				text-overflow: ellipsis;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				font-size: 30rpx;
			}

			.sale-price {
				color: #EB5C02;
				font-size: 34rpx;
				padding: 6rpx 0px;
			}

			.price {
				color: #666666;
				font-size: 26rpx;
			}
		}

	}

// 品牌选择样式
.boxsds{
  background-color: #FFFFFF;
}
.Brandcss {
	background: rgba(255, 255, 255, 1);
	border-radius: 10rpx;
}
.brandcss {
	display: flex;
	flex-direction: row;
}
.alladdress{
	width: 25%;
	line-height: 80rpx;
	font-weight: 500;
	text-indent: 30rpx;
	font-size: 36rpx;
}
.iconimg {
	margin-left: 20rpx;
	image {
		width: 66rpx;
		height: 66rpx;
	}
}
.branname {
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 80rpx;
	margin-left: 50rpx;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.brannameZT{
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FBB000;
	line-height: 80rpx;
	margin-left: 50rpx;
	width: 50%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.allbran{
	line-height: 80rpx;
	width: 56%;
	white-space: nowrap;
	margin-left: 20rpx;
	text-overflow: ellipsis;
	overflow: hidden;
  font-size: 36rpx;
  color: #666666;
}
.carnum{
	margin-top: 10rpx;
  width: 30%;
  text-align: right;
  font-size: 32rpx;
  color: #666666;
}
.Spin{
  width: 100rpx;
  padding-left: 30rpx;
}
/* 下展*/
.ppjiantougo {
	margin-top: 10rpx;
  width: 10%;
  text-align: center;
  font-size: 32rpx;
  color: #666666;
	transform: rotate(90deg);
  transition: 0.5s;
  padding-right: 20rpx;
}
/* 折叠 */
.ppjiantou {
	margin-top: 10rpx;
  width: 10%;
  text-align: center;
  font-size: 32rpx;
  color: #666666;
	transform: rotate(0deg);
  transition: 0.5s;
  padding-right: 20rpx;
}
.cartycss {
	display: flex;
	flex-direction: row;
}
.slot-content{
	
}
.xiliename {
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: rgba(102, 102, 102, 1);
	line-height: 80rpx;
	margin-left: 114rpx;
	width: 520rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.list-cell {
	box-sizing: border-box;
	padding: 10rpx 0px 0px 0px;
	overflow: hidden;
	color: #323233;
	font-size: 14px;
	margin-left: 30rpx;
	line-height: 40px;
	background-color: #fff;
	border-bottom: 1px solid #EEEEEE;
}
.xilienamezt{
	text-align: left;
	font-size: 30rpx;
	font-family: PingFang SC;
	font-weight: 500;
	color: #FBB000;
	line-height: 80rpx;
	margin-left: 114rpx;
	width: 520rpx;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.peizhibox {
	.peizhicss {
		background: #F6F6F6;
		border-radius: 10rpx;
		padding: 22rpx;
		width: 642rpx;
		margin: 0 auto;
		.peizhi {
			padding: 4rpx 0rpx;
      display: flex;
			flex-wrap: wrap;

			/* 未选 */
			.peizhixz {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				margin-top: 3rpx;

				image {
					margin-left: 16rpx;
					width: 40rpx;
					height: 40rpx;
					transform: rotate(-90deg);
				}
			}

			/* 已选配置 */
			.peizhigo {
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				margin-top: 3rpx;

				image {
					margin-left: 16rpx;
					width: 40rpx;
					height: 40rpx;
					transform: rotate(0deg);
				}
			}

			.peizhiname {
				line-height: 80rpx;
				text-align: left;
				font-size: 26rpx;
				font-family: PingFang SC;
				font-weight: 500;
				color: #666666;
				margin-left: 90rpx;
				width: 520rpx;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
			}
		}
	}
}
.floor {
	position: fixed;
	top: 20rpx;
	right: 10rpx;
  font-size: 24rpx;
  font-weight: bold;
  color: #FBB000;
}
.abcd{
	line-height: 70rpx;
	background-color: #FFFFFF;
	width: 665rpx;
	margin-left: 30rpx;
	border-bottom: 2rpx solid #EEEEEE;
}